<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>添加数据</title>
    <meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-touch-fullscreen" content="YES">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <!--页面共同的CSS，JS-->
    <link rel="stylesheet" href="../../res/css/sm.min.css">
    <link rel="stylesheet" href="../../res/css/sm-extend.min.css">
    <link rel="stylesheet" href="../../res/css/common/common.css">
    <link rel='stylesheet' href='../../res/css/minirefresh.css'>
    <link rel="stylesheet" href="../../res/css/productData/compileData.css">
    <script src='../../res/js/minirefresh.js'></script>
    <script src='../../res/js/common/h5.js'></script>
    <script src='../../res/js/common/h5Common.js'></script>
    <style>

        body{
            background: #ffffff;
            overflow: initial;
        }
        *{
            padding: 0;
            margin: 0;
            box-sizing: border-box!important;
        }
    </style>
</head>

<body>
<!--页面内容-->
<section class="index">
    <div class="selectCom"><label>标题</label><input id="title" placeholder="请输入标题" type="text" value=""></div>
    <div id="production" class="selectCom"><label>作品</label><span id="mainseries">请选择作品</span><img src="../../res/img/common/downJt.png"  alt=""/></div>
    <!--    <div class="selectCom"><label for="role">角色</label><input id="role" type="text" value="年份"></div>-->
    <div class="selectCom"><label for="categoryType">商品类别</label><input id="categoryType" type="text" placeholder="请选择商品类别" value=""><img src="../../res/img/common/downJt.png"  alt=""/></div>
    <div class="selectCom"><label for="datetime">发售时间</label><input type="text" id="datetime" placeholder="请选择发售时间" value="" /><img src="../../res/img/common/downJt.png"  alt=""/></div>
    <div id="marker" class="selectCom"><label >制造商</label><span id="makerName">请选择制造商</span><img src="../../res/img/common/downJt.png"  alt=""/></div>
    <div class="selectCom"><label>官方定价</label><input id="price" type="text" placeholder="请输入官方定价" value=""></div>
    <div class="selectCom"><label>备注</label><input id="remark" type="text" value=""></div>
    <div id="selectImg" class="selectImg">
        <!--        <div class="selectImgLi">-->
        <!--            <img src="../../res/img/eggTV/1.png" alt="">-->
        <!--            <img class="closeAlert" src="../../res/img/common/delete.png" alt="">-->
        <!--        </div>-->
        <div id="upLoad" class="selectImgLi">
            <label><img src="../../res/img/add.png" alt=""></label>
            <!--            <input type="file" id="thumb" title="" name="thumb" value="" accept="image/*"/>-->
        </div>
    </div>
    <div id="qdbtn" class="qdbtn">确定</div>
</section>

<section id="productionIndex" class="screenIndex bounceInUp animated">
    <div class="indexAlert"></div>
    <div id="productionContent" class="alertContent">
        <ul id="classifyUl"  class="classifyUl">
            <!--            <li class="classify">-->
            <!--                <div class="classifyName">A</div>-->
            <!--                <div class="classifyLi">e1111111咪咪咪</div>-->
            <!--                <div class="classifyLi">e1111111咪咪咪</div>-->
            <!--                <div class="classifyLi">e1111111咪咪咪</div>-->
            <!--                <div class="classifyLi">e1111111咪咪咪</div>-->
            <!--                <div class="classifyLi">e1111111咪咪咪</div>-->
            <!--                <div class="classifyLi">e1111111咪咪咪</div>-->
            <!--                <div class="classifyLi">e1111111咪咪咪</div>-->
            <!--                <div class="classifyLi">e1111111咪咪咪</div>-->
            <!--                <div class="classifyLi">e1111111咪咪咪</div>-->
            <!--            </li>-->
        </ul>
        <ul class="indexes">
            <li class="active">A</li>
            <li>B</li>
            <li>C</li>
            <li>D</li>
            <li>E</li>
            <li>F</li>
            <li>G</li>
            <li>H</li>
            <li>I</li>
            <li>J</li>
            <li>K</li>
            <li>L</li>
            <li>M</li>
            <li>N</li>
            <li>O</li>
            <li>P</li>
            <li>Q</li>
            <li>R</li>
            <li>S</li>
            <li>T</li>
            <li>W</li>
            <li>X</li>
            <li>Y</li>
            <li>Z</li>
        </ul>
    </div>
</section>

<section id="markerIndex" class="screenIndex bounceInUp animated">
    <div class="indexAlert"></div>
    <div id="markerContent" class="alertContent">
        <ul id="markerData"  class="classifyUl">
        </ul>
        <ul class="indexes">
            <li class="active">A</li>
            <li>B</li>
            <li>C</li>
            <li>D</li>
            <li>E</li>
            <li>F</li>
            <li>G</li>
            <li>H</li>
            <li>I</li>
            <li>J</li>
            <li>K</li>
            <li>L</li>
            <li>M</li>
            <li>N</li>
            <li>O</li>
            <li>P</li>
            <li>Q</li>
            <li>R</li>
            <li>S</li>
            <li>T</li>
            <li>W</li>
            <li>X</li>
            <li>Y</li>
            <li>Z</li>
        </ul>
    </div>
</section>


<script type='text/javascript' src='//g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
<script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm.min.js' charset='utf-8'></script>
<script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm-extend.min.js' charset='utf-8'></script>
<script type='text/javascript' src='../../res/js/JQuery-2.1.2.min.js' charset='utf-8'></script>
<script src="../../res/js/productData/addData.js"></script>
</body>
</html>